<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="../taglibs.jsp" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>添加 一级分类 jsp</title>、
<link rel="stylesheet" type="text/css" href="${path}/static/common/bootstrap-3.3.7-dist/css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="${path}/static/common/layui/css/layui.css"/>
</head>
<body>
<!-- 添加的 表格 框 -->
	<form id="form" class="layui-form layui-form-pane" action="">
	
	<!-- ******************************* -->
	<!-- ******************************* -->
	<!-- **********一级分类  添加的框     1.一级分类名称name，2.父类id(parentId)hidden*********** -->
	  <div class="layui-form-item">
	    <label class="layui-form-label">一级分类 名称</label>
	    <div class="layui-input-block">
	      <input type="text" name="name" autocomplete="off" placeholder="请输入要添加的一级分类名称" class="layui-input">
	    </div>
	  </div>
	  
  	  <div class="layui-form-item">
	    <label class="layui-form-label">parentId 0代表为一级分类</label>
	    <div class="layui-input-block">
	      <input type="hidden" name="parentId" value="0" class="layui-input">
	    </div>
	  </div>
	<!-- ******************************* -->
	<!-- ******************************* -->
	<!-- ******************************* -->
	
	
   </form>
   
    <button class="layui-btn" onclick="submitForm()">添加 一级分类</button>



<!-- js -->
   <script src="${path}/static/common/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
   <script src="${path}/static/common/layer/layer.js" type="text/javascript" charset="utf-8"></script>
   <script src="${path}/static/common/mylayer.js" type="text/javascript" charset="utf-8"></script>
   <script src="${path}/static/common/layui/layui.js" type="text/javascript" charset="utf-8"></script>
   
    <script type="text/javascript">
/* 0.table 引用 layui模块 */
   	   layui.use(["form", "upload"], function() {
   		   
   		   /* 1.table引用 模块  */
   			var form = layui.form;
   		   
   		   
   			
   	   })
   	   
   	   /* 1.添加 按钮    发送insert到category后台*/
	   function submitForm() {
			$.post(
				"${path}/category/insertTopCategory.action", 	// 1. 发到 category 后台 insert.action
				$("#form").serialize(),				// 2. 拿到表单数据  (发到后台，后台接收&&springmvc自动封装)
				function(result) {
					console.log(result);
					if(result.success) {
						mylayer.successMsg(result.msg);
						//当你在iframe页面关闭自身时获得当前弹出框的index索引
						var index = parent.layer.getFrameIndex(window.name);
						// js一个方法，定时器，1000毫秒之后自动执行function里面的代码
						setTimeout(function() {
							 // 关闭弹出层
							 parent.layer.close(index); 
							 // 刷新父页面
							 window.parent.location.reload();
						}, 1000);
					} else {
						mylayer.errorMsg(result.msg);
					}
				},
				"json"
			);
			
		}//添加 按钮function
		
	</script>
<%-- 	
遍历 CategoryController 发来的 一级分类 集合
	<c:forEach items="${topCategoryList}" var="topCategory">
		${topCategory}<br>
	</c:forEach>
	
 --%>
	
</body>
</html>